<template>
  <div class="home_jj">
    <slider animation="fade" v-model="sliderIndex" :control-btn="false" style="height: 485px;">
      <slider-item
        v-for="(i, index) in list"
        :key="index"
        :style="i"
      >
      <img :src="i.src" alt="">
      </slider-item>
    </slider>
  </div>
</template>
<script>
export default{
  name: '',
  data () {
    return {
      sliderIndex:1,
      list: [
        {width: '100%', height: '100%', src: require('../../assets/img/home/jjlbt1.jpg')},
        {width: '100%', height: '100%', src: require('../../assets/img/home/jjlbt2.jpg')},
        {width: '100%', height: '100%', src: require('../../assets/img/home/jjlbt3.jpg')},
        {width: '100%', height: '100%', src: require('../../assets/img/home/jjlbt4.jpg')}
      ],
      waterfallData:[
        {
          e_img: "test.jpg",  // 图片
          e_intro: "描述信息",  // 描述信息
          u_img: "test.jpeg",  // 标记图
          u_name: "开发者"
        },
        {
          e_img: "test.jpg",
          e_intro: "描述信息",
          u_img: "test.jpeg",
          u_name: "开发者"
        }
      ]
    }
  },
  methods: {
    moveToIndex (index) {
      this.sliderIndex = index
    }
  },
  components: {
  }
}
</script>
<style scoped lang="less">
  .home_jj{
    img{
      width: 100%;
      height: 100%;
    }
  }
</style>